<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<html>
<head>
<script type="text/javascript">
$().ready(
	function() {
		$('#cedula').val("");
		$('#registrar')
				.validate(
						{
							rules : {
								nombres : "required",
								apellidos : "required",
								perfil : "required",
								cedula : {
									required : true,
									number : true
								},
								correo : {
									required : true,
									email : true
								},
								telefono : {
									required : true,
									number : true,
									minlength : 11
								},
								clave : {
									required : true,
									minlength : 5
								},
								confirm_clave : {
									required : true,
									minlength : 5,
									equalTo : "#clave"
								}
							},
							messages : {
								nombres : " Debe Ingresar su nombre",
								apellidos : " Debe Ingresar su apellido",
								perfil : " Debe Ingresar su perfil",
								cedula : {
									required : " Este campo es requerido",
									number : " Debe ingresar solo numeros"
								},
								telefono : {
									required : " Este campo es requerido",
									number : " Debe ingresar solo numeros",
									minlength : jQuery
											.format(" Ingrese al menos {0} caracteres")
								},
								clave : {
									required : " Debe Ingresar una clave",
									minlength : jQuery
											.format(" Ingrese al menos {0} caracteres")
								},
								confirm_clave : {
									required : " Repita su clave",
									minlength : jQuery
											.format(" Ingrese al menos {0} caracteres"),
									equalTo : " Introduzca la misma contraseña que el anterior"
								},
								correo : {
									required : "Direccion Invalida",
									minlength : "Direccion Invalida"
								}
							}
						});
		});
</script>
</head>
<body>
	<div id="divUserRegister">
		<s:form id="registrar" name="form" action="registrar" method="post"
			namespace="/usuario">
			<h2 align="center">Datos del Usuario</h2>
			<br />
			<table>
				<tr>
					<td><s:label value="Cedula:" for="cedula" /></td>
					<td><s:textfield id="cedula" size="20" maxlength="8"
							name="cedula" required="true" /></td>
					<td><s:label value="Télefono:" for="telefono" /></td>
					<td><s:textfield id="telefono" size="20" name="telefono"
							required="true" maxlength="11" /></td>
				</tr>
				<tr>
					<td><s:label value="Nombres:" for="nombres" /></td>
					<td><s:textfield id="nombres" size="20" name="nombres"
							required="true" /></td>
					<td><s:label value="Perfil:" for="perfil" /></td>
					<td><s:select id="perfil" listKey="id" name="idPerfil"
							list="perfiles" listValue="tipo" headerKey="-1"
							headerValue="<--Seleccione-->" required="true" /></td>
				</tr>
				<tr>
					<td><s:label value="Apellidos:" for="apellidos" /></td>
					<td><s:textfield id="apellidos" size="20" name="apellidos"
							required="true" /></td>
					<td><s:label value="Cargo:" for="cargo" /></td>
					<td><s:select id="cargo" name="cargo" list="cargos"
							listKey="id" listValue="descripcion" headerKey="-1"
							headerValue="<--Seleccione-->" required="true" /></td>
				</tr>
				<tr>
					<td><s:label value="Email:" for="correo" /></td>
					<td><s:textfield id="correo" size="20" name="correo"
							required="true" /></td>
				</tr>
				<tr>
					<td><s:label value="Clave:" for="clave" /></td>
					<td><s:password id="clave" size="20" name="clave"
							required="true" /></td>
					<td><s:label value="Confirmar Clave:" for="confirm_clave" /></td>
					<td><s:password id="confirm_clave" size="20"
							name="confirm_clave" /></td>
				</tr>
				<tr>
					<td colspan="4" align="center"><s:submit id="login_btn" cssClass="login"
							value="Enviar" accesskey="l" /></td>
				</tr>
				<tr>
					<td colspan="4" align="center"><s:actionerror cssClass="error" /></td>
				</tr>
			</table>
		</s:form>
	</div>
</body>
</html>